<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Explaning the Document Object Model</title>
    <link rel="stylesheet" media="screen" href="style/typography.css" />
</head>
<body>
    <ul id="navigation">
        <li>
            <a href="index.html" accesskey="1">Home</a>
        </li>
        <li>
            <a href="search.html" accesskey="4">Search</a>
        </li>
        <li>
            <a href="contact.html" accesskey="9">Contact</a>
        </li>
    </ul>
    <h1>What is the Document Object Model?</h1>
    <p>The 
        <abbr title="World Wide Web Consortium">W3C</abbr> defines the 
        <abbr title="Document Object Model">DOM</abbr> as:
    </p>

        <blockquote cite="http://www.w3.org/DOM/">
            <p>A platform- and language-neutral interface that will allow programs content, structure and style of documents.
            </p>
        </blockquote>
    <p>
        It is an <abbr title="Application Programming Interface">API</abbr> that can be used to navigate 
                <abbr title="HyperText Markup Language">HTML</abbr> and 
                <abbr title="eXtensible Markup Language">XML</abbr> documents.
    </p>
    <script type="text/javascript" src="scripts/addLoadEvent.js"></script>
    <script type="text/javascript" src="scripts/displayAbbreviations.js"></script>
    <script type="text/javascript" src="scripts/displayCitations.js"></script>
    <script type="text/javascript" src="scripts/displayAccesskeys.js"></script>
</body>
</html>
